<!doctype html>
<html class="error-page no-js" lang="">

<head>
    <!-- meta -->
    <meta charset="utf-8">
    <meta name="description" content="Flat, Clean, Responsive, application admin template built with bootstrap 3">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1, maximum-scale=1">
    <!-- /meta -->

    <title>Sublime - Web Application Admin Dashboard</title>

    <!-- page level plugin styles -->
    <!-- /page level plugin styles -->

    <!-- build:css({.tmp,app}) styles/app.min.css -->
    <link rel="stylesheet" href="/static/vendor/bootstrap/dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="/static/styles/font-awesome.css">
    <link rel="stylesheet" href="/static/styles/themify-icons.css">
    <link rel="stylesheet" href="/static/styles/animate.css">
    <link rel="stylesheet" href="/static/styles/sublime.css">

    <!-- endbuild -->

    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
    <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->

    <!-- load modernizer -->
    <script src="/static/vendor/modernizr.js"></script>
</head>

<!-- body -->

<body class="bg-danger">

<!-- error wrapper -->
<div class="center-wrapper">

    <div class="center-content text-center">

        <div class="error-number animated flash">
            <i class="ti-alert mr15 show"></i>
            <span>500</span>
        </div>

        <div class="mb25">SERVER ERROR</div>

        <p>We're experiencing an internal server problem.
            <br>
            <br>Please try again later or contact
            <a href="mailto:mail@contact.tld">mail@contact.tld</a>
        </p>

        <ul class="mt25 error-nav">
            <li>
                <a href="javascript:;">&copy;
                    <span id="year" class="mr5"></span>Sublime LLC</a>
            </li>
            <li>
                <a href="javascript:;">About</a>
            </li>
            <li>
                <a href="javascript:;">Help</a>
            </li>
            <li>
                <a href="javascript:;">Status</a>
            </li>
        </ul>
    </div>
</div>
<!-- /error wrapper -->

<script type="text/javascript">
    var el = document.getElementById("year"),
        year = (new Date().getFullYear());
    el.innerHTML = year;
</script>
</body>
<!-- /body -->

</html>
